<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>Title</title>
    <!--css样式-->
    <link href="__PUBLIC__/Moble_home/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/mui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/mui.min.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/Moble_home/css/index.css" rel="stylesheet" type="text/css"/>

    <!--js文件夹下的jQuery库和js封装函数-->
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/mui.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/mui.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Moble_home/js/jquery.min.js"></script>
</head>
<body>

<!--主页面-->
<div class="container">
    <!--左导航菜单区块-->
    <div id="sidebar">
        <div class="list-group">
            <span class="list-group-item active">全部分类</span>

            <div class="list_title">
                <volist name="types_parent" id="value1">
                    <a onclick="down(this)" class="list-group-item">{$value1['type_name']}</a>
                </volist>
            </div>
            
            <!--文具用品-->
            <div id="a" class="list_a list_content">
                
                <volist name="types1" id="value">   
                <div class="list_line">  
                    <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}/sort/default_sort">
                        <img src="__PUBLIC__/Moble_home/images/1-1.jpg"/>
                        <span>{$value['type_name']}</span>
                    </a>
                </div>
                </volist>

            </div>
            <!--办公用品-->
            <div id="b" class="list_b list_content">
                
                 <volist name="types2" id="value"> 
                    <div class="list_line">   
                        <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}/sort/default_sort">
                        <img src="__PUBLIC__/Moble_home/images/4-1.jpg"/>
                        <span>{$value['type_name']}</span>
                        </a>
                    </div>
                 </volist>
            </div>
            <!--打印耗材-->
            <div id="c" class="list_c list_content">
                 <volist name="types3" id="value"> 
                    <div class="list_line">   
                        <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}/sort/default_sort">
                        <img src="__PUBLIC__/Moble_home/images/9-1.jpg"/>
                        <span>{$value['type_name']}</span>
                        </a>
                    </div>
                 </volist>
            </div>

            <div id="d" class="list_c list_content">
                 <volist name="types4" id="value"> 
                    <div class="list_line">   
                        <a class="list_img" href="__APP__/Home/Search/search/q/{$value['type_name']}/sort/default_sort">
                        <img src="__PUBLIC__/Moble_home/images/13-1.jpg"/>
                        <span>{$value['type_name']}</span>
                        </a>
                    </div>
                 </volist>
            </div>
        </div>
    </div>
    <!--页头logo区块-->
    <div id="main" class="header_line dropdown">
        <button id="btn" onclick="sideOpen(this)" class="header_btn" type="button">
            <span class="glyphicon glyphicon-align-justify"></span>
        </button>
        <span class="header_logo">logo</span>
    </div>
<!--页头内容-->
<header>
         <div class="header_n">
             <!--轮播区块-->
             <div id="slider" class="mui-slider" >
                 <div class="mui-slider-group mui-slider-loop">
                     <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                     <div class="mui-slider-item mui-slider-item-duplicate">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$carousel[3]['id']}">
                             <img src="__PUBLIC__/Moble_home/images/timg4.jpg">
                         </a>
                     </div>
                     <!-- 第一张 -->、
                     <volist name="carousel" id="value">
                     <div class="mui-slider-item">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}">
                             <img src="{$value['goods_carousel_img']}">
                         </a>
                     </div>
                    </volist>
        
                     <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                     <div class="mui-slider-item mui-slider-item-duplicate">
                         <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$carousel[0]['id']}">
                             <img src="{$carousel[0]['goods_carousel_img']}">
                         </a>
                     </div>
                 </div>
                 <div class="mui-slider-indicator">
                     <div class="mui-indicator mui-active"></div>
                     <div class="mui-indicator"></div>
                     <div class="mui-indicator"></div>
                     <div class="mui-indicator"></div>
                 </div>
             </div>
             <!--搜索框区块-->
             <form action="__APP__/Home/Search/search" method="post">
             <div class="header_search">
                <div class="input-group">
                    <input type="text" name="search" class="form-control">
                    <span class="input-group-addon search" >搜索</span>
                </div>
             </div>
             </form>
         </div>
 </header>
<!--网页中间内容-->
<div class="main_content">
    <!--商品分类-->
    <div class="search_down">
        <a onclick="sideOpen(this)" class="search_down_li">
            <img src="__PUBLIC__/Moble_home/images/menu1.jpg"/>
            <div>全部分类</div>
        </a>
        <a class="search_down_li">
            <img src="__PUBLIC__/Moble_home/images/menu1.jpg"/>
            <div>我的订单</div>
        </a>
        <a class="search_down_li">
            <img src="__PUBLIC__/Moble_home/images/menu1.jpg"/>
            <div>购物车</div>
        </a>
        <a class="search_down_li">
            <img src="__PUBLIC__/Moble_home/images/menu1.jpg"/>
            <div>个人中心</div>
        </a>
    </div>
    <!--新品上架-->
    <div class="new_style">
        <div class="new_style_li">
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['0']['id']}" class="new_style_a">
                <img src="{$new_goods_info['0']['new_goods_img']}"/>
            </a>
        </div>
        <div class="new_style_li">
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['1']['id']}" class="new_style_b">
                <img src="{$new_goods_info['1']['new_goods_img']}"/>
            </a>
            <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$new_goods_info['2']['id']}" class="new_style_b">
                <img src="{$new_goods_info['2']['new_goods_img']}"/>
            </a>
        </div>
    </div>
    <!--热销标题栏-->
    <div class="hot_title">
        <a href="">热销商品</a>
        <a href="__APP__/Home/Search/search/q/得力/sort/sales_sort">更多></a>
    </div>
    <!--热销商品-->

    <div class="hot_style">
        <volist name='hot_goods' id="value">
            <div class="new_style_li">
                <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}" class="hot_style_a">
                    <img src="{$value['goods_image']}"/>
                </a>
                <a href="__APP__/Home/GoodsInfo/goodsInfo/id/{$value['id']}" class="hot_style_title">   {$value['goods_name']}<span>&yen;{$value['local_price']}</span></a>
            </div>
        </volist>
    </div>

    <!--猜你喜欢标题-->
    <div class="like_title hot_title">
        <span>——&nbsp;&nbsp;猜你喜欢&nbsp;♥&nbsp;&nbsp;——</span>
    </div>

    <!--猜你喜欢-->
    <div class="hot_style love_goods">
       
    </div>
<!-- 使用ajax异步调用数据 -->
    <script type="text/javascript">
    //初始化页面需要加载的函数
    $(function(){
        getLoveGoods();
        //搜索内容
        $('.search').on('click', function(){
            $('form').submit();
        });
    });
    function getLoveGoods(){
        $('.get_more').show();
        $.ajax({
          type : "get",
          url:"/index.php/Home/Index/ajaxGetMore",
          dataType:'html',
          success: function(data){
            if(data){
              $(".love_goods").append(data);
              /*隐藏加载信息图片*/
              $('.get_more').hide();
            }else{
              $('.get_more').hide();
              $('#getmore').remove();
            }
          }
        }); 
    }
    //搜索部分
    $('.search').on('click', function(){
        $('form').submit();
    });
    </script> 
    <a href="javascript:;" class="get_more" style="text-align:center; display:block;"> 
        <img src='__PUBLIC__/Moble_home/images/Loading.gif' width="12" height="12"  /> 
    </a> 
    <section id="getmore">
        <a href="javascript:void(0)" onclick="getLoveGoods()">点击加载更多</a>
    </section>
</div>

<!--页尾-->
<footer>

</footer>
</div>
 <script type="text/javascript" src="__PUBLIC__/Moble_home/js/index.js"></script>
</body>
</html>